<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>

<script>
    import 'lib-flexible/flexible'
    export default {
        name: 'App'
    }
</script>

<style>
    html{
        background-color: #f0f0f0;
    }
    *{margin: 0;padding: 0}
    div,input,img,ul,li,span,p,tr,td,table{box-sizing: border-box}
    a{text-decoration: none}
    a:active{
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    button{border: none;outline: none}
    .whiteBtn{
        width: 79px;
        height: 31px;
        background: #fff;
        color: #123676;
        font-size: 14px;
        border-radius: 2px;
        border: 1px solid #123676;
    }
    .blueBtn{
        width: 79px;
        height: 31px;
        font-size: 14px;
        border-radius: 2px;
        background-color: #113676;
        color: #fff;
    }
    #app {
        font-family: 'Avenir', Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #000;
    }
    .clear::after{
        content: '';
        display: block;
        clear: both;
    }

</style>
